@import "variables";
seed-order-detail{
  .wrap{
    margin-bottom: 5rem;
    .grey-bg{
      width: 100%;
      background: color($h5,c9);
      height:pxTorem(50px);
    }
  }
  .statusbar{
    width:100%;
    height:pxTorem(200);
    padding:pxTorem(46px) pxTorem(80px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size:pxTorem(28px);
    line-height: pxTorem(40px);
    color: color($h5,c10);
    background: url('#{$images-path}/order_newbg.png') no-repeat center center/cover;
    .order-hint{
      width:66%;
    }
  }
  //订单底部状态栏
  .detail-foot{
    display: flex;
    justify-content:flex-end;
    align-items: center;
    padding-right:pxTorem(30) ;
    position: fixed;
    left: 0;
    bottom:0;
    height: pxTorem(100px);
    background: color($h5,c10);
    width: 100%;
    z-index: 1;
    button{
      font-size: pxTorem(26);
      width:pxTorem(180) ;
      height: pxTorem(64);
      color:color($h5,c2);
      border-radius: pxTorem(4);
      border:1px solid color($h5,c9);
      margin-left: pxTorem(20);
    }
    button.wanshan{
      color:color($h5,c15);
      border:1px solid color($h5,c15);
    }
    button.ticket{
      width:pxTorem(260) ;
      height: pxTorem(64);
      color:color($h5,c15);
      border:1px solid color($h5,c15);
    }
  }
  //订单信息
  .order-item{
    background: #FFFFFF;
    .order-border-bottom{
      padding:0 pxTorem(30px);
      //line-height: pxTorem(80px);
      text-align: right;
      @include font-dpr(26px);
      color: color($h5,c2);

      .bottom-total{
        margin-top: pxTorem(30);
        margin-bottom: pxTorem(20);
        .bcolor{
          color: color($h5,c15);
        }
        .price{
          font-weight: bold;
        }
      }
      .btn-box{
        margin-bottom: pxTorem(30);
        button{
          font-size: pxTorem(26);
          width:pxTorem(180) ;
          height: pxTorem(64);
          color:color($h5,c2);
          border-radius: pxTorem(4);
          border:1px solid color($h5,c9);
        }
        button.wanshan{
          color:color($h5,c15);
          border:1px solid color($h5,c15);
        }
      }
    }

    .order-border-bottom{
      padding:0 pxTorem(30px);
      text-align: right;
      @include font-dpr(26px);
      color: color($h5,c2);

      .bottom-total{
        margin: pxTorem(30) 0;
        color: color($h5,c3);
        line-height: pxTorem(45);
        font-size: pxTorem(24);
        .price{
          color: color($h5,c15);
          font-size:pxTorem(28);
          font-weight: bold;
        }


        p{
          display: flex;
          justify-content: space-between;
          span{
            display: inline-block;
          }
        }

      }
    }
  }

  //详情页公共信息栏（订单编号，收货位置）
  .detail-item{
    background:color($h5,c10);
    .detail-msg{
      width: 100%;
      padding: pxTorem(30) 0;
      color: color($h5,c3);
      p{
        padding:0 pxTorem(30);
        font-size:pxTorem(26);
        line-height:pxTorem(45);

        .icon_address{
          @include icon(26,26,'#{$icons-path}/address_xq.png')
        }
      }
    }
  }

  .bottom-margin{
    margin-bottom: pxTorem(100);
  }
  missing-default-content{
    width:100%;
    height:100%;
    background-color: color($h5,c10);
    margin-top:pxTorem(-200);
    display: flex;
    align-items: center;
    justify-content: center;
    .spellMissingPage1{
      padding:0;
    }
  }

}

